<template>
    <div class="app-layout">
        <LayoutHeader>header</LayoutHeader>
        <LayoutMain>
            <slot></slot>
        </LayoutMain>
        <LayoutFooter>footer</LayoutFooter>
    </div>
</template>

<script setup lang="ts">
import { LayoutHeader, LayoutMain, LayoutFooter } from "#components";
</script>
<style lang="scss">
.app-layout {
    margin: 0 auto;
    max-width: 2560px;
}
</style>